<%--
  Created by IntelliJ IDEA.
  User: 沐硕
  Date: 2024/6/21
  Time: 21:28
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<div class="search-popup">
    <!-- 搜索弹出框容器 -->
    <div class="search-popup-container">

        <!-- 搜索表单 -->
        <form role="search" method="get" class="search-form" action="../ShopSearchServlet.do">
            <!-- 搜索输入框 -->
            <input type="search" id="search-form" class="search-field" placeholder="Type and press enter" name="goods_info" />
            <!-- 提交按钮 -->
            <button type="submit" class="search-submit">
                <!-- 搜索图标 -->
                <svg class="search"><use xlink:href="#search"></use></svg>
            </button>
        </form>

        <!-- 分类列表标题 -->
        <h5 class="cat-list-title">浏览分类</h5>

        <!-- 分类列表 -->
        <ul class="cat-list">
            <!-- 智能手机分类项 -->
            <li class="cat-list-item">
                <a href="#" title="Mobile Phones">智能手机</a>
            </li>
            <!-- 智能手表分类项 -->
            <li class="cat-list-item">
                <a href="#" title="Smart Watches">智能手表</a>
            </li>
            <!-- 衣物分类项 -->
            <li class="cat-list-item">
                <a href="#" title="clothing">衣物</a>
            </li>
            <!-- 零食分类项 -->
            <li class="cat-list-item">
                <a href="#" title="Snack">零食</a>
            </li>
            <!-- 汽车分类项 -->
            <li class="cat-list-item">
                <a href="#" title="car">汽车</a>
            </li>
            <!-- 图书分类项 -->
            <li class="cat-list-item">
                <a href="#" title="book">图书</a>
            </li>

        </ul>

    </div>
</div>
</body>
</html>
